<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
         <link href="style2.css" rel="stylesheet" type="text/css" />
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                
                <title>MANTENIMIENTO MATERIALES</title>
            </f:facet>
        </h:head>

        <h:body>

          <div id="container">
  <div id="banner">
    <h1>LA GEA EL SALVADOR</h1>
  </div>
              <div id="navbar2" >
    <ul>
        <li>SESION INICIADA COMO: #{datosSesionBean.nombreUsuario}</li>
    </ul>
  </div>
  <div id="navbar">
      <h:form>
    <ul>
       <li><h:link outcome="MenuInicio">INICIO</h:link></li>
    <li><h:link outcome="Usuarios">USUARIOS</h:link></li> 
    <li><h:link outcome="Reportes">REPORTES</h:link></li>
    <li><h:link outcome="Ordenes">ORDENES</h:link></li>
    <li><h:link outcome="Inventarios">INVENTARIOS</h:link></li>
    <li><h:link outcome="Mantenimientos">MANTENIMIENTOS</h:link></li>
    <li><h:link outcome="MiCuenta">MI CUENTA</h:link></li>
    <li><h:commandLink actionListener="#{datosSesionBean.cerrarSesion()}">SALIR</h:commandLink></li>
    </ul>
          </h:form>
  </div>
  <div class="clear"></div>
  <div id="content">
     
      <h:form id="materiales" style="font-size: 12px">
            
            <p:growl autoUpdate="true" id="gr" showDetail="true"/>
          <p:panel header="NUEVO MATERIAL" style="margin-bottom:10px;" id="panel">
            <h:panelGrid id="datosMaterial" columns="4" cellspacing="5px" cellpadding="15px">
                 <h:outputLabel style="margin-top:15px">NOMBRE DEL MATERIAL(*) &nbsp;</h:outputLabel>
                 <p:inputText autocomplete="false" required="true" value="#{materialesBean.nombre}" id="NombreMaterial">
                 </p:inputText>
                 <h:outputLabel style="margin-top:15px">UNIDAD DE MEDIDA(*) &nbsp;</h:outputLabel>
                 <p:selectOneMenu required="true" value="#{materialesBean.uMedida}" id="Umedida">
                    <f:selectItem itemLabel="--SELECCIONE UNO--"></f:selectItem>
                    <f:selectItem itemLabel="ONZA" itemValue="ONZ"></f:selectItem>
                    <f:selectItem itemLabel="LIBRA" itemValue="LB"></f:selectItem>
                    <f:selectItem itemLabel="KILOGRAMO" itemValue="KG"></f:selectItem>
                   <f:selectItem itemLabel="MILIMETRO" itemValue="MM"></f:selectItem>
                   <f:selectItem itemLabel="CENTIMETRO" itemValue="CM"></f:selectItem>
                   <f:selectItem itemLabel="METRO" itemValue="M"></f:selectItem>
                   <f:selectItem itemLabel="UNIDAD" itemValue="UND"></f:selectItem>
                 </p:selectOneMenu>
                 <h:outputLabel style="margin-top:15px">PROVEEDOR(*) &nbsp;</h:outputLabel>
                 <p:selectOneMenu required="true" value="#{materialesBean.idProv}" id="prov">
                    <f:selectItem itemLabel="--SELECCIONE UNO--"></f:selectItem>
                    <f:selectItems value="#{materialesBean.alstProv}"/>
                 </p:selectOneMenu>
                 <h:outputLabel style="margin-top:15px">COSTO(*) &nbsp;</h:outputLabel>
                 <p:inputText autocomplete="false" required="true" value="#{materialesBean.costo}" id="costoM">
                 </p:inputText>
                 <h:outputLabel>DESCRIPCION(*) &nbsp;</h:outputLabel>
                <p:inputTextarea value="#{materialesBean.descripcion}" required="true" id="desc" autoResize="false"  maxlength="250" rows="2" style=" resize: none; width: 150px"></p:inputTextarea>
            </h:panelGrid>  
              <p:commandButton actionListener="#{materialesBean.crearMaterial()}" update=":materiales:maters"  value="Guardar">
              </p:commandButton>&nbsp;
              <p:commandButton immediate="true" onclick="this.form.reset()"  value="Limpiar" ></p:commandButton>
         
          </p:panel>
            <p:dataTable var="mat" value="#{materialesBean.lstMaterial}" id="maters" editable="true"
                            paginator="true" rows="5"  paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} "  
                 > 
                 <f:facet name="header">  
            MATERIALES INGRESADOS 
        </f:facet> 
                
       <p:ajax event="rowEdit"   />  
        <p:ajax event="rowEditCancel"   /> 
            
         <p:column headerText="ID" style="width:30%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{mat.id}" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:inputText value="hola" style="width:100%"/>  
                </f:facet>  
            </p:cellEditor>  
        </p:column>  
        
         <p:column headerText="MATERIAL" style="width:50%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{mat.nombre}" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:inputText value="hola" style="width:100%"/>  
                </f:facet>  
            </p:cellEditor>  
        </p:column>  
        <p:column headerText="MEDIDA" style="width:70%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{mat.uMedida}" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:inputText value="hola" style="width:100%"/>  
                </f:facet>  
            </p:cellEditor>  
        </p:column>  
        
       <p:column headerText="COSTO U." style="width:60%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{mat.costo}" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:inputText value="hola" style="width:100%"/>  
                </f:facet>  
            </p:cellEditor>  
        </p:column>  
        <p:column headerText="PROVEEDOR" style="width:100%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{mat.nomProv}" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:inputText value="hola" style="width:100%"/>  
                </f:facet>  
            </p:cellEditor>  
        </p:column> 
        <p:column headerText="DESCRIPCION" style="width:100%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <p:inputTextarea readonly="true" value="#{mat.descripcion}" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:inputText value="hola" style="width:100%"/>  
                </f:facet>  
            </p:cellEditor>  
        </p:column>  
                <p:column style="width:6%">  
            <p:rowEditor />  
        </p:column>  
            </p:dataTable>
           
      </h:form>
  </div>
  <div class="clear"></div>
  <div id="footer">
      <p align="center">ADMINISTRADO Y DISEÑADO POR ANALISIS DE SISTEMAS 2</p>
  </div>
</div>

        </h:body>

    </f:view>
</html>